<template>
  <div class="page-login">
    <div class="login-header">
      <a href="/" class="logo"></a>
    </div>
    <div class="login-panel">
      <div class="banner">
        <img src="//s0.meituan.net/bs/file/?f=fe-sso-fs:build/page/static/banner/www.jpg" alt="美团" height="370" width="480">
      </div>
      <div class="form">
        <h4 v-if="error" class="tips">
          <i>{{ error }}</i>
        </h4>
        <p><span>账号登录</span></p>
        <el-input v-model="username" prefix-icon="profile"></el-input>
        <el-input v-model="password" prefix-icon="password" type="password"></el-input>
        <div class="foot">
          <el-checkbox v-model="checked">7天内免登录</el-checkbox>
          <b>忘记密码?</b>
        </div>
        <el-button class="btn-login" type="primary" size="mini" @click="login">登录</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      error: '',
      username: '',
      password: '',
      checked: ''
    }
  },
  methods: {
    login () {

    }
  },
  layout: 'blank'
}
</script>

<style lang="scss">
@import '~@/assets/css/login/index.scss';
</style>